<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
       xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html"> <!-- Agregar esta linea y cerrarla despues de body -->
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
            <link href="./../resources/css/tableLayout.css" rel="stylesheet" type="text/css" />
            <title>.: Formulari :.</title>
        </h:head>

        <h:body>
            <h:form id="frmPrincipal" prependId="false">
                <p:growl id="msg" life="6000" globalOnly="true" showDetail="true" />
                <div id="loading" style="position:fixed; left:0px; top:0px; z-index: 101;">
                    <p:ajaxStatus style="width:16px;height:16px;">  
                        <f:facet name="start"> 
                            <p:panel style="width:150px; background: #FBEC88; border:solid 2px #FAD42E !important;">
                                <h:panelGrid columns="2" style="width:100%;">
                                    <h:graphicImage value="#{resource['images:ajax-loader.gif']}"/>
                                    <h:outputText style="font-weight:bolder;" value="Cargando...."/>
                                </h:panelGrid>
                            </p:panel>
                        </f:facet>  
                        <f:facet name="complete">  
                            <h:outputText value="" />  
                        </f:facet>  
                    </p:ajaxStatus> 
                </div>

                <table cellspacing="10px">
                    <tr>
                        <td id="top">
                            <ui:insert name="top">Top</ui:insert>
                        </td>
                    </tr>
                    <tr>
                        <td id="content">
                            <ui:insert name="content">Content</ui:insert>
                        </td>
                    </tr>
                    <tr>
                        <td id="bottom">
                            <ui:insert name="bottom">Bottom</ui:insert>
                        </td>
                    </tr>
                </table>
            </h:form>
        </h:body>
    </f:view>

</html>


